body{color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td{margin:0;padding:0;}
li{list-style:none;}
h3{font-size:14px;}
h2{font-size:16px;}
h4{font-size:13px;}
body,td {
    font-family: "宋体",Arail,Tahoma,Helvetica,sans-serif;
    font-size:   12px;
}
img{border:none;}
.wrapper{ width:960px;margin:0 auto 8px; border:solid 1px #eee;}
.wrapper_noborder{ width:960px;margin:0 auto 8px;}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}

.clear{ _height: 1%; clear: both; line-height:0; font-size:0; visibility: hidden;}
/*clear both*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; _height: 1px}
/* Hides from IE-mac */
* html .clearfix { height: 1%}
*+html .clearfix { height: 1%}
.clearfix { display: block;}
#loading_indicator{position:absolute;top:0px;right:0px;background:#b00;color:#fff;padding:2px 8px;display:none;}
.page_nav{
    background:url(images/icon_bg.gif) no-repeat scroll 0 -208px;
    color:#999;
    font-size:1em;
    margin-left:4px;
    padding-left:20px;
    line-height:14px;
}
.page_nav a{padding-right:5px;padding-left:5px;color:#999;}
div.pagination {
    padding: 3px;
    margin: 3px;
    text-align:right;
}

div.pagination a {
    border: 1px solid #ccc;
    margin-right:3px;
    padding:2px 6px;

    background-position:bottom;
    text-decoration: none;
    font-weight:bold;

    color: rgb(66,97,222);
}
div.pagination a:hover, div.pagination a:active {
    background-image:none;
    background-color:#4261DF;
    color: #fff;
}
div.pagination span.current {
    margin-right:3px;
    padding:2px 6px;

    font-weight: bold;
    color: #000;
}
div.pagination span.disabled {
    display:none;
}

a { color: #333; text-decoration:none;}
a:hover { color: blue; text-decoration:underline;}
.fieldWithErrors {   
    float:left;
    color:red;
}
.fieldWithErrors label {
    margin-left:6px;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
    margin-left:15px;
}
form label{ display:table-cell; float:left; width:150px;}
.form_format p label{ display:table-cell; float:left; width:150px;}
.demo{ color:#777; border:solid 1px #eee;padding:10px;}
.demo p{border:none;line-height:20px;}
table{border-collapse:collapse;}
table td,table th{ padding:5px;}
textarea{ height:80px;}

.top_nav{padding:5px; text-align:right;color:teal;}
.top_nav span a{color:#1695CD;background:url(/images/skin.gif) no-repeat -520px -596px;padding-left:10px}
.foot{padding:3px;background:#DBDBDB;_height:1%; overflow:hidden;}
.top_logo{_height:1%; overflow:hidden;border-bottom:solid 4px #FDAD01;}
.top_menu{height:35px; background:url(/images/menu_bg.gif);padding-left:10px;line-height:35px;margin-top:1px; font-size:14px;}
.top_menu li{ float:left; text-align:center; width:80px; font-weight:bold; }
.top_menu a{color:#fff;display:block;}
.top_menu a:hover{color:#333; background:url(/images/menu_hover.gif)}
.sub_menu{background:#acceff url(images/box_bg.png) repeat-x scroll 0 -229px; line-height:25px;padding:5px 15px 3px;overflow:hidden;}
.sub_menu a{;width:84px;height:25px;display:block;float:left; text-align:center;}

.content{margin:8px;_height:1%; overflow:hidden;}
.content img{border:solid 1px #ddd;}
.index_top_left{margin:8px 0;}
.top_click_pros img{width:143px; height:106px;}
.index_news{border:solid 1px #ddd;margin-left:8px;height:401px;width:486px; overflow:hidden; }
.index_top_news li{line-height:26px; _height:1%; overflow:hidden; background:url(/images/skin.gif) no-repeat -516px -66px;padding-left:10px}
.index_top_news li .right{color:#ccc;}
.index_top_img_news img{width:120px;}
.index_top_img_news p{margin:5px 0;}

.ad{text-align:center;}
.clear_new{_height:1%; overflow:hidden;}
#kongtiao{width:630px;}
#kongtiao div img{width:135px; height:95px;margin:6px;}
#kongtiao div ul li{ float:left;width:157px;height:150px;text-align:center;overflow:hidden;}
#kongtiao div ul li p{ margin:3px auto; text-align:center;}
#kongtiao div{_height:1%; overflow:hidden;}
.article_part{width:300px; border:solid 1px #eee;margin-bottom:6px;}
.article_part ul{padding:4px 10px;}
.article_part li{padding-left:10px;background:url(/images/skin.gif) no-repeat -516px -66px;line-height:23px;}
.article_part h3{background:#eee url(/images/skin.gif) no-repeat -5px -107px;padding-left:25px; font-size:14px; line-height:30px;margin-top:1px;margin-bottom:5px;}
.article_part ul li.img_new{ background:none;width:270px;height:98px; line-height:98px; overflow:hidden;}
.cate_article_part{width:642px; float:left;_height:1%; overflow:hidden;}
.cate_article_part .left{ width:313px;border:solid 1px #eee; margin:0 6px 6px 0;}
.cate_article_part .left h3{ background:#ddd url(/images/skin.gif) no-repeat -5px -107px;padding-left:25px; font-size:14px; line-height:30px;margin-bottom:5px;}
.cate_article_part .left ul{margin-left:8px;}
.cate_article_part .left li{padding-left:10px;background:url(/images/skin.gif) no-repeat -516px -66px;line-height:24px;}

.doing{ color:orange;}
.finished{color:teal;}

.cate_article_part .left h3,.tuangou_pros h3,.article_part h3,.article h3,.newest_review h3,.tuangou_marquee h3{_height:1%;overflow:hidden;}
.more{font-size:12px; font-weight:normal;padding-right:5px;}

.foot .right{width:660px; text-align:left;margin-top:10px;}
.foot span{color:#aaa;}
.foot img{vertical-align:middle;}
.links{ border-top:solid 1px #fff;padding:10px 20px; background:#DBDBDB ;}
.prolist{_height:1%; overflow:hidden;}
.pro_left_nav{width:250px; margin:5px 0 0 7px; }
.pro_left_nav .con li{ float:left;width:100px;padding:5px;}
.hot_click_pro{ text-align:center;}
#shopping_cart .con{padding:0px;}
.cart_item_list p{padding-left:10px;}
#shopping_cart .con li{  float:none;  line-height:20px;  padding:8px; width:230px;}

.order_detail .demo{color:#333;}
.order_detail .demo p{ border:none}
.order_detail legend{font-weight:bold;}
.table1,.table{width:100%}
.table1 td{text-align:center;}

.table th{text-align:left;width:15%;}

.hot_click_pro img{width:100px;}

/*cart*/
.cart_item span{display:block;}

.short{ width:50px;}
.prolist .right{width:695px; border-left:solid 1px #eee; _height:1%; overflow:hidden;}


.pro_reviews{margin:8px;}
.pro_reviews dt{width:80px;padding-left:25px;}
.pro_reviews dd{width:500px;}
.pro_reviews dt,.pro_reviews dd { float:left;}
.pro_reviews .ask{background:url(images/msg_bg.png) no-repeat scroll 3px -347px;}
.pro_reviews .answer{background:url(images/msg_bg.png) no-repeat scroll 3px -147px; color:#2CA2F8}
.pro_reviews .item{background:#fff;padding:10px;line-height:24px; margin-bottom:2px;}
.post_review{ font-weight:bold;}
.pro_reviews .time_info{color:#888;text-align:right; padding:2px 10px;}

.post_review{margin:15px 8px 8px;}
.post_review h3{background:url(images/icon_bg.gif) no-repeat 0 -3020px;padding-left:20px;}

.topimg{text-align:right; background:#EAEFF3;}
.search{padding:8px;width:80%; margin:8px auto; line-height:20px;}
.search p{padding:4px;*height:1%;overflow:auto;border:1px solid #EEEEEE;}
.search label{width:150px; margin-right:20px; border-right:solid 4px #ccc;}
.search span{line-height:18px;width:570px;  display:block;  float:left; }
.search input{}

.article_top{padding-bottom:1px;border-bottom:solid 5px #eee; _height:1%; overflow:hidden;}
.article_top img {float:left;}
.article_top .right{padding-top:20px;margin-right:20px;line-height:18px;}
.search_text{ border:solid 1px #ccc;}
.search_buttom{border:none; background:url(/images/search.gif);padding-top:1px;width:75px;}
.article{_height:1%; overflow:hidden;}
.article .left{width:610px;border-right:solid 1px #eee;}
.article .content li{background:url(/images/skin.gif) no-repeat -516px -170px; padding-left:10px; border-bottom:dotted 1px #eee;}
.article h3{padding-left:10px;line-height:30px; border-bottom:solid 1px #eee;}
.article h3 .more{padding-right:35px; float:right;}
.article ul{margin-left:10px;}
.article li{line-height:28px;_height:1%; overflow:hidden;}
.article li a{display:block;float:left;}
.article li span{display:block; float:right; width:100px; text-align:center; color:#ccc;}
.article .right{ width:340px; border-left:solid 1px #eee;}
.article li p{clear:both;color:#AAA;width:500px;margin:5px 0;}
.article .article_part{ margin:0 auto;width:320px;}
.article .article_part h3{ padding-left:20px;}

.config{ _height:1%; overflow:hidden;}
.config .left{width:200px;}
.config .left li{padding:5px 0 5px 10px; background:url(images/more_bg.png) no-repeat 0 -11px;}
.config .right{width:735px; border-left:solid 1px #eee;border-top:solid 1px #eee;}
.config .right .content{line-height:24px;font-size:1.1em;}
.config .right .content img{border:none;}

.article h2{ text-align:center;}
.short_des{ padding:10px;margin-top:10px; color:silver; border:solid 1px #eee;}
.sub_article{text-align:center; color:#666; padding-top:10px;}
.article_content{line-height:24px;padding:5px; }

.sub_left{float:left;}
.sub_right{float:right;}

.content .sub_left{ width:320px;}
.content .pro_imgs{margin-top:10px;}
.content .bigimg {width:320px;overflow:hidden;}
.content .bigimg img{ width:320px;border:none;}
.content .pro_imgs img{width:73px;height:55px;}
.content .sub_right{width:320px;overflow:hidden;}
.content .sub_right p{line-height:26px;}
/*********************
product attributes
***********************/
.pro_attrs div label{float:left; display:table-cell; line-height:18px;padding:5px;}
.pro_attrs dt{
    border-bottom:dotted 1px #BBCCE2;
    color:orange;
    font-weight:bold;
    line-height:24px;
    padding-right:10px;
    text-align:right;}
.pro_attrs dd{border-bottom:dotted 1px #BBCCE2;_height:1%;overflow:hidden;padding-left:10px}
.pro_attrs dd .l{width:40%; font-weight:bold;}
.pro_attrs dd .r{width:55%;border-left:dotted 1px #BBCCE2;}
.pro_attrs .ui-widget-header{background:none;}
.pro_attrs .ui-widget-content{border:none;}

.redcolor{color:red;}
.strike{text-decoration:line-through }
.name{height:30px; overflow:hidden;}
.list{margin-bottom:5px;}
.list li{margin-bottom:8px;float:left; text-align:center; width:172px;}
.list li div{margin:5px 0 0 8px;}
.list li span{display:block; height:100px; overflow:hidden;padding:3px;width:150px}
.list li p{margin:5px;padding:3px; line-height:18px;}
.padding10{padding:10px;}
.align_right{text-align:right;padding-right:10px;}
.protitle{border-bottom:1px dotted #EEEEEE;
    color:#163870;
    margin-bottom:10px;
    padding:8px;
    text-align:center;
    font-size:16px;
}

.des{margin:8px; font-size:12px;line-height:24px;}

.gray_bg{background:url(images/box_bg.png) repeat-x scroll 0 -231px}
.size14{font-size:14px;}

.newest_review h3{background:#eee url(/images/skin.gif) no-repeat -5px -107px;padding-left:25px; font-size:14px; line-height:30px;margin-top:1px;margin-bottom:5px;}
.newest_review{ overflow:hidden; margin:0px;}
.newest_review li{}
.newest_review span{}
.newest_review .title{width:72%;float:left;display:block;}
.review{}
.add_review{padding:8px;}
.review_list{ border:solid 1px #eee; width:630px; overflow:hidden;}
.review_list ul{padding:8px;}
.col_title{border-bottom:solid 3px #ccc;}
.review_list li{line-height:30px; overflow:hidden;}
.review_list li span{ display:block; float:left;}
.review_list li .title{width:70%;}
.review_list li .state{ width:15%; text-align:center;}
.review_list li .time{ width:15%; text-align:center;}

.review_list dl{padding:6px;}
.text-right{text-align:right; color:#ccc;}

.tuangou_marquee{height:274px; width:634px;border:1px solid #EEE; overflow:hidden;}
.tuangou_marquee h3{ background:#eee url(/images/skin.gif) repeat-x 0 -787px;padding-left:25px; font-size:14px; line-height:30px;height:30px;margin-top:1px;margin-bottom:5px;}
.column{overflow:hidden;height:26px; font-weight:bold;padding-left:9px; border-bottom:solid 1px orange;}
.tuangou_marquee .l{float:left}
.tuangou_marquee .r{float:right;}
.tuangou_marquee ul{margin-left:6px;}
.tuangou_marquee li{line-height:26px; border-bottom:dotted 1px #eee;}
.tuangou_marquee span{display:block;float:left;text-align:center;}
#cycle_tuangou{ height:210px; position:relative;z-index:0;overflow:hidden;margin-left:8px;}

.column{position:relative;z-index:10; background:#fff;line-height:25px;}
.tuangou_marquee .title,.column .title{width:250px; text-align:left;}
.tuangou_marquee .count,.column .count{width:80px;}
.tuangou_marquee .state,.column .state{width:80px;}
.tuangou_marquee .click_count,.column .click_count{width:80px;}

.top_search{
    background:#ACCEFF url(images/box_bg.png) repeat-x scroll 0 -260px;
    border-bottom:1px solid #EEEEEE;
    padding:8px;
    margin-bottom:10px;
}
.top_search h3{color:orange;}
.pageinfo{ text-align:right;padding:5px 10px; border-bottom:solid 1px #eee;}

.box .head,.box .top_bg, .box .top_bg span,.box .bot_bg, .box .bot_bg span {background: url(images/box_bg.png) no-repeat;}
.box .top_bg, .box .bot_bg {position: relative; display: block; height: 4px;}
.box .top_bg span, .box .bot_bg span { float: right; width: 4px; height: 4px;}
.box .top_bg {margin-bottom: -4px; background-position: -3px 0;}
.box .bot_bg { margin-top: -4px; background-position: -3px -3px;}
.box .bot_bg span { background-position: 0 -3px;}

.box { position: relative; margin-bottom: 8px; }

.box .head {  height: 21px; border: 1px solid #cccccc; border-bottom: none; background-color: #fbfbfb; background-position: 0 -7px; background-repeat: repeat-x;}
.box .head h3 { font-size: 12px; line-height: 21px; color: #404040; padding-left: 10px;}

.box .con { padding: 10px;border: 1px solid #cccccc; background-color: #f7f7f7;}

.box .rc .rl {position: absolute; top: 1px; right: 1px;line-height: 21px;padding-right: 5px;}
.box .rc .rl li {  float: left; padding-left: 10px;}
.box .rc .rl li a { color: #404040;}

/* 14px box */
.box-h14 .head { height: 23px;background-position: 0 -28px;}
.box-h14 .head h3 {font-size: 14px; line-height: 23px;}
.box-h14 .rc .rl {line-height: 23px;}
/* box */
.box .top_bg,.box .bot_bg { _overflow: hidden; } /* for ie6 height < 12px */
.box .head h3,.box .rl { *line-height: 23px; _line-height: 21px; /* for ie7 */ }
.box-h14 .head h3,.box-h14 .rl { *line-height: 25px; _line-height: 23px; /* for ie7 */ }


.mo { background: url(images/more_bg.png) no-repeat 100% 8px; padding-right: 12px;}


.skin-orange .mo { background-position: 100% -16px; }
.skin-blue .mo { background-position: 100% -36px; }

.box-h25 .head{ height: 25px; background-position: 0 -28px;}
.box-h25 .head h3 {   font-size: 14px;    line-height: 25px;}
.box-h25 .rc .rl {    line-height: 25px;}
.box-h25 .head h3,.box-h25 .rl { *line-height: 25px; _line-height: 23px; } /* for ie7 */

.skin-blue .box .top_bg { background-position: -3px -180px; }
.skin-blue .box .top_bg span { background-position: 0 -180px; }
.skin-blue .box .bot_bg { background-position: -3px -183px; }
.skin-blue .box .bot_bg span { background-position: 0 -183px; }
.skin-blue .box .head { border-color: #80ccff; background-color: #bde5ff; background-position: 0 -187px; }
.skin-blue .box-h25 .head { background-position: 0 -187px; }
.skin-blue .box-h14 .hd { background-position: 0 -148px; }
.skin-blue .box .head h3,.skin-blue .box .rc .rl li a { color: #004d80; }
.skin-blue .box .con { border-color: #ACCEFF; }


.btn, .small-btn, .long-btn, .short-btn, .small-long-btn {
    background: url(images/btn_bg.png) no-repeat;
    width: 80px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    color: #fff;
}
.small-btn {
    background-position: 0 -150px;
    width: 51px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    font-weight: normal;
}
.long-btn {
    background-position: 0 -300px;
    width: 100px;
    font-size: 12px;
}
.short-btn {
    background-position: 0 -450px;
    width: 60px;
    font-size: 12px;
}
.small-long-btn {
    background-position: 0 -600px;
    width: 61px;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    font-weight: normal;
}

.btn,
.small-btn,
.long-btn,
.short-btn,
.small-long-btn {  color: #fff;
}
.btn:hover,
.small-btn:hover,
.long-btn:hover,
.short-btn:hover,
.small-long-btn:hover {
    color: #fff;
    text-decoration: underline;
}
button.btn:hover,
button.small-btn:hover,
button.long-btn:hover,
button.short-btn:hover,
button.small-long-btn:hover {
    text-decoration: none;
}
/* skin */
.skin-gray .btn { background-position: 0 -50px; }
.skin-blue .btn { background-position: 0 -25px; }
.skin-gray .small-btn { background-position: 0 -210px; }
.skin-blue .small-btn { background-position: 0 -180px; }
.skin-gray .long-btn { background-position: 0 -350px; }
.skin-blue .long-btn { background-position: 0 -325px; }
.skin-gray .short-btn { background-position: 0 -500px; }
.skin-blue .short-btn { background-position: 0 -475px; }
.skin-gray .small-long-btn { background-position: 0 -660px; }
.skin-blue .small-long-btn { background-position: 0 -630px; }

.skin-gray .btn,
.skin-gray .small-btn,
.skin-gray .long-btn,
.skin-gray .short-btn,
.skin-gray .small-long-btn { color: #0F0000; }

.skin-gray .btn:hover,
.skin-gray .small-btn:hover,
.skin-gray .long-btn:hover,
.skin-gray .short-btn:hover,
.skin-gray .small-long-btn:hover {
    color: #0F0000;
}

/***********************************************
* Message
***********************************************/
.msg,.msg24{*height:1%}
.msg .error, .msg .stop, .msg .alert, .msg .attention,
.msg .tips, .msg .ok, .msg .notice, .msg .question, .msg .help, .msg .small-help {
    color: #404040;
    background: url(images/msg_bg.png) no-repeat;
    border: 1px solid #ddd;
    float: left;
    padding: 2px 10px 2px 23px;
    line-height: 18px;
}
.msg .error { background-position: 3px 3px; border-color: #ff8080; background-color: #fff2f2; }
.msg .stop { background-position: 3px -47px; border-color: #ff8080; background-color: #fff2f2; }
.msg .alert { background-position: 3px -97px; border-color: #ff8c40; background-color: #fff5f6; }
.msg .attention { background-position: 3px -147px; border-color: #40b3ff; background-color: #e5f5ff; }
.msg .tips { background-position: 3px -197px; border-color: #ffcc7f; background-color: #ffffe5; }
.msg .ok { background-position: 3px -247px; border-color: #4dbf00; background-color: #f0ffe5; }
.msg .notice { background-position: 5px -295px; border-color: #40b3ff; background-color: #e6f5ff; }
.msg .question { background-position: 3px -347px; border-color: #bfbfbf; background-color: #f2f2f2; }
.msg .small-help { background-position: 5px -1095px; border-color: #fff; background-color: #fff; } /* 背景色和边框默认白色 */
.msg .help { background-position: 3px -1197px; border-color: #fff; background-color: #fff; } /* 背景色和边框默认白色 */

.msg24 .error, .msg24 .attention, .msg24 .tips, .msg24 .ok, .msg24 .question {
    font-size: 14px;
    font-weight: bold;
    color: #404040;
    background: url(images/msg_bg.png) no-repeat;
    border: 1px solid #ddd;
    padding: 17px 10px 17px 56px;
    line-height: 22px;
}
.msg24 .error { background-position: 12px -388px; border-color: #ff8080; background-color: #fff2f2; }
.msg24 .attention { background-position: 12px -488px; border-color: #40b3ff; background-color: #e5f5ff; }
.msg24 .tips { background-position: 15px -888px; border-color: #ffcc7f; background-color: #ffffe5; }
.msg24 .ok { background-position: 12px -988px; border-color: #4dbf00; background-color: #f0ffe5; }
.msg24 .question { background-position: 12px -788px; border-color: #bfbfbf; background-color: #f2f2f2; }

.msg .naked, .msg24 .naked { border: none; background-color: transparent; }
.msg24 .naked-tips { background-position: 15px -688px; }
.msg24 .naked-ok { background-position: 12px -588px; }

.msg:after, .msg24:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
}
